<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/WEB-INF/common/taglib.jsp"%>
<!DOCTYPE html>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta charset="utf-8">
<meta name="viewport"
	content="initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<link rel="shortcut icon" href="${ctx}/static/wechat/images/chigua-logo.png" />
<title>吃瓜讲堂</title>
<link rel="stylesheet" href="${ctx}/static/wechat/css/frozen.css">
<link rel="stylesheet" href="${ctx}/static/wechat/css/dropload.css">
<link rel="stylesheet" type="text/css" href="${ctx}/static/admin/shareApp/css/download.css">
<script src="${ctx}/static/wechat/js/zepto.min.js"></script>
<script src="${ctx}/static/wechat/js/frozen.js"></script>
<script src="${ctx}/static/wechat/js/dropload.min.js"></script>
<script src="${ctx}/static/wechat/js/template-web.js"></script>
<style type="text/css">
	h4 img {
		width: 100%
	}
</style>
</head>

<body ontouchstart="" style="background-image: url(/static/wechat/images/1.png);">
	<section class="ui-panel ui-panel-pure ui-border-t">
		<ul class="ui-list ui-list-pure ui-border-tb">
			<li class="ui-border-t" style="width: auto;">
				<h4 class="ui-flex">
					${resultArticle.articleTitle }
				</h4>
				<h6 class="ui-flex ui-txt-muted">
					<div class="date"><f:formatDate value="${resultArticle.createdDt }" type="date"/></div>
					<div class="ui-flex ui-flex-pack-end" style="width: 82%;">
						${resultArticle.commentCount }回答</font></div>
					
				</h6>
				<div style="text-align: center;">
					<c:if test="${resultArticle.fileUrl != null}">
						<audio controls="controls">
						  <source src="${resultArticle.fileUrl}" type="audio/mpeg" />
						</audio>
					</c:if>
				</div>
				<h4>${resultArticle.body }</h4>
				<!-- <h6 class="ui-flex ui-txt-muted">
					<div class="date">作者：</div>
					
				</h6> -->
			</li>
		</ul>
		<ul class="ui-list ui-list-pure ui-border-tb">
			<c:forEach items="${resultComment}" var="item">
				<li class="ui-border-t" style="padding-right: 15px">
					<h5 class="ui-flex">
						<span class="ui-avatar-s"> <span
							style="background-image: url(${item.commentHeadUrl});"></span>
						</span>&nbsp;&nbsp;
						<div
							class="ui-flex ui-flex-ver ui-flex-pack-center ui-flex-align-start"
							style="width: 43%;">
							<div>
								<h5>${item.commentName}</h5>
							</div>
							<div class="ui-txt-muted">
								<h6><f:formatDate value="${item.commentTime}" type="date"/> </h6>
							</div>
						</div>
						<div class="ui-flex  ui-flex-align-center ui-flex-pack-end"
							style="width: 40%;">
							<!-- <div>
								<i class="ui-icon-like" style="font-size: 11px;">12</i>
							</div> -->
						</div>
					</h5>
					<div style="padding-left: 60px;">
						<h5>${item.commentBody}</h5>
					</div>
				</li>
			</c:forEach>
		</ul>
	</section>
	<section class="active"></section>

	<script type="text/javascript">
		$(function() {
			$('.suspension').css('z-index', '66');
		})
	</script>

			<div style="width:100%;height:57.5px"></div>
<div class="suspension" style="z-index: 66;">
    <img src="${ctx}/static/wechat/images/chigua-logo.png">
    <div class="watchman">
        <p>吃瓜讲堂<span>APP</span></p>
        <p>做一个有思想的吃瓜群众</p>
    </div>
    <a id="inp" class="down-button" href="${ctx}/static/admin/shareApp/app_share.html">立即下载</a>
</div>

</body>

</html>